<template>
  <!-- 面包屑 -->
  <div>
    <el-breadcrumb :separator-icon="ArrowRight">
      <el-breadcrumb-item>首页</el-breadcrumb-item>
      <el-breadcrumb-item>我的</el-breadcrumb-item>
      <el-breadcrumb-item>个人信息</el-breadcrumb-item>
      <el-breadcrumb-item><b>节假日信息</b></el-breadcrumb-item>
    </el-breadcrumb>
  </div>
  <div style="margin: 20px">
    <h2>2024年放假安排</h2>
  <el-table :data="holiday">
    <el-table-column label="节日" align="center" prop="name" />
    <el-table-column label="放假时间" align="center" prop="time" />
    <el-table-column label="天数" align="center" prop="day" />
    <el-table-column label="状态" align="center" prop="status" />
  </el-table>
  </div>
</template>

<script setup>
import {ArrowRight, Delete, Edit} from "@element-plus/icons-vue";
const holiday=[
  {
    name:'元旦',
    time:'12月30日-01月01日',
    day:'3天',
    status:'已休'
  },
  {
    name:'春节',
    time:'02月10日-02月17日',
    day:'8天',
    status:'已休'
  },
  {
    name:'清明节',
    time:'04月04日-04月06日',
    day:'3天',
    status:'已休'
  },
  {
    name:'劳动节',
    time:'05月01日-05月05日',
    day:'5天',
    status:'已休'
  },
  {
    name:'端午节',
    time:'06月08日-06月10日',
    day:'3天',
    status:'已休'
  },
  {
    name:'中秋节',
    time:'0915日-0917日',
    day:'3天',
    status:'已休'
  },
  {
    name:'国庆节',
    time:'10月01日-10月07日',
    day:'7天',
    status:'已休'
  }
]
</script>


<style scoped>
.el-breadcrumb{
  font-size: 18px;
  margin: 20px;
}
</style>